<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<h:outputStylesheet library="css" name="principal.css"></h:outputStylesheet>
</h:head>

<ui:composition template="_templateFluxo.xhtml">

	<ui:define name="conteudo">
		<h:body id="body">
			<div id="panelFluxo">
				<p:panel header="Cadastro Funcionário">
					<h:form>
						<h:panelGrid id="grid" columns="3" cellpadding="5" cellspacing="3">
							<p:outputLabel value="Nome: " for="nome" />
							<p:inputText id="nome" size="20"
								value="#{funcionarioBean.funcionario.nome}" required="true"
								label="Nome" />
							<p:message for="nome" />


							<p:outputLabel id="Tel" for="tel" value="Telefone: " />
							<p:inputMask id="tel" size="16"
								value="#{funcionarioBean.funcionario.telefone}"
								mask="(99) 9999-9999" required="true" label="Telefone" />
							<p:message for="tel" />
							<p:outputLabel value="Celular:  " for="cel" />
							<p:inputMask id="cel" size="16"
								value="#{funcionarioBean.funcionario.celular}"
								mask="(99) 99999-9999" required="true" label="Celular" />
							<p:message for="cel" />

							<p:outputLabel value="Especialidade: " for="som-especialidade" />
							<p:selectOneMenu id="som-especialidade"
								value="#{funcionarioBean.especialidade}" filter="true"
								filterMatchMode="contains">
								<f:selectItem itemLabel="Selecione" />
								<f:selectItems value="#{funcionarioBean.especialidades}"
									var="especialidade" itemLabel="#{especialidade.tipo}"
									itemValue="#{especialidade}" />

							</p:selectOneMenu>
						</h:panelGrid>
						<h:panelGrid columns="2">
							<p:commandButton value="Inserir" ajax="true"
								actionListener="#{funcionarioBean.adicionaFuncionario}"
								validateClient="true" action="index" />
							<p:commandButton value="Limpar" type="reset" />
						</h:panelGrid>

					</h:form>
				</p:panel>
			</div>

		</h:body>
	</ui:define>

</ui:composition>
</html>